<template>
    <!-- <mt-header  >
      <router-link to="/" slot="left" @click="routerBack">
        <a class="resetback"></a>
      </router-link>
      </mt-header> -->
    <div class="fontColor mt-header" :style="ystyle" >
        <router-link to="/" slot="left" >
        <a class="resetback" id="resetback" ></a>
        </router-link>
        <div class="title"  @click="routerBack" :class="{'changeColor':isTitle}">{{title}}</div>
    </div>
</template>
<script >
import {mapGetters} from "vuex"
  export default {
    props: ['title', 'to', 'ystyle'],
    computed: {
        ...mapGetters(['detailPlayerFlag','isTitle'])
    },
    mounted () {
       console.log(this.title,this.isTitle) 
    },
    methods: {
      routerBack(){
        console.log(1)
        this.$router.go(-1);
        this.$store.commit('showDetailPlayer',false)
      }
    }
  }
</script>
<style>
.fontColor {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 65px;
  left: 0;
  z-index: 1000;
  line-height: 35px;
  color: #333;
  font-size: 20px;
  background: #fff;
  padding-left: 5px;
  /* border: 1px solid red; */
}
.title {
  /* overflow: inherit; */
  width: 100%;
  height: 35px;
  font-size: 16px;
  position: fixed;
  top:65px;
  text-align: center;
  z-index: 100;
}
.resetback{
    width: 15px;
    height: 33px;
    display: inline-block;
    position: fixed;
    background: url('../../assets/images/goback.png') no-repeat 0px 6px;;
    background-size: 15px 26px
}
</style>

